<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="img/apple_icons_57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple_icons_72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/apple_icons_114x114.png">
<title>Groutek | Premium Html Template</title>
<link href="http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,100,400italic,700,500,900" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/theme.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/shop.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/custom.css" type="text/css" media="all" />
</head>
<body>
	<div class="main_header type1">
        <div class="tagline">
            <div class="container">
                <div class="fright">
                	<div class="tagline_items">
                    	<div class="language_select">
                            <div class="selectBox">
                                <span class="selected"></span>
                                <span class="selectArrow"></span>
                                <div class="selectOptions" >
                                    <span class="selectOption" data-value="english"><img src="img/imgs/uk_flag.png" alt="" />English</span>
                                    <span class="selectOption" data-value="germany"><img src="img/imgs/germany_flag.png" alt="" />Germany</span>
                                </div>
                            </div>
                        </div>
                        <div class="log_in_out"><a href="javascript:void(0);" data-toggle="modal" data-target=".login_popup"><i class="icon-sign-in"></i> Login</a></div>
                        <div class="modal fade login_popup" tabindex="-1" role="dialog" aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <h3>Please, Log in</h3>
                                    <form action="javascript:void(0);" method="post">
                                        <input type="text" placeholder="Username*" value="" name="name">
                                        <input type="password" placeholder="Password*" value="" name="password">
                                        <input type="submit" value="Log In"> 
                                        <div class="remember_me"><label><input name="remember" type="checkbox" value="remember">Remember Me</label></div>
                                    </form>
                                    <div class="forgot_password"><a href="javascript:void(0);">Forgot Your Password?</a></div>
                                    <button type="button" class="close_popup" data-dismiss="modal"><i class="icon-times"></i></button>
                                </div>
                            </div>
                        </div>
                        <div class="cart_btn">
                        	<a href="shop_cart.html" class="view_cart_btn"><i class="icon-shopping-cart"></i> Cart</a>
                            <!-- Cart submenu -->
                            <div class="cart_submenu">
                            	<div class="cart_wrap">
                                	<a href="javascript:void(0);" class="remove_products"><i class="icon-times-circle"></i></a>
                                	<ul class="product_posts">                                    
                                        <li>
                                            <img src="img/shop/1.jpg" alt="" />
                                            <a href="shop_product.html" class="title">Nemo Enim Ipsam</a>
                                            <div class="price">1<span>x</span>$500.00</div>
                                        </li>
                                    </ul>
                                    <div class="subtotal">Subtotal: <span>$500.00</span></div>
                                    <a href="shop_cart.html" class=" shortcode_button btn_small btn_type5 mr15">View cart</a>
                                    <a href="javascript:void(0);" class=" shortcode_button btn_small btn_type1 mr0">Checkout</a>
                                </div>
                            </div>
                            <!-- //Cart submenu -->
                        </div>
                    </div>
                    <div class="top_search" id="top_search">
                        <form action="#" method="get" name="search_form">
                            <input type="text" class="ct-search-input" value="" name="s" placeholder="Search...">
                            <input type="submit" value="Search" class="s_submit">
                            <span class="top-icon-search">
                            	<i class="icon-search"></i>
                            </span>                                
                        </form>                            
                    </div>                   
                </div>
                <div class="fleft">
                    <div class="phone"><i class="icon-phone"></i> +1 800 245 39 25</div>
                    <div class="email"><a href="mailto:#"><i class="icon-envelope"></i> info@yourdomain.com</a></div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <div class="header_parent_wrap">
            <header>
                <div class="container">
                	<a class="top_menu_toggler" href="javascript:void(0)"></a>
                	<div class="logo_sect">
                        <a href="index.html" class="logo"><img src="img/logo.png" class="logo_def" alt="" /><img src="img/retina/logo.png" class="logo_retina" alt="" /></a>                
                    </div> 
                    <nav>
                        <ul class="menu">
                            <li class="menu-item-has-children"><a href="#">Home</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li><a href="index.html">Home Type1</a></li>
                                        <li><a href="home_type2.html">Home Type2</a></li>
                                        <li><a href="home_type3.html">Home Type3</a></li> 
                                        <li><a href="home_type4.html">Home Type4</a></li>                     
                                    </ul> 
                                </div>	
                            </li>
                            <li class="menu-item-has-children"><a href="#">Pages</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li class="menu-item-has-children"><a href="#">About</a>
                                            <div class="sub-nav">
                                                <ul class="sub-menu">
                                                    <li><a href="about.html">About 1</a></li>
                                                    <li><a href="about2.html">About 2</a></li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li><a href="service.html">Service</a></li>
                                        <li><a href="team.html">Team</a></li>
                                        <li><a href="careers.html">Careers</a></li>
                                        <li><a href="gallery.html">Gallery</a></li>
                                        <li><a href="showreel.html">Showreel</a></li>
                                        <li><a href="404.html">404 Error</a></li>
                                        <li><a href="faq.html">FAQ</a></li>
                                        <li><a href="sitemap.html">Sitemap</a></li>
                                        <li><a href="coming_soon.html">Coming Soon</a></li>                                                                      
                                    </ul> 
                                </div>
                            </li>
                            <li class="menu-item-has-children"><a href="#">Features</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li><a href="typography.html">Typography</a></li>  
                                        <li><a href="shortcodes.html">Shortcodes</a></li>
                                    </ul> 
                                </div>
                            </li>
                            <li class="menu-item-has-children"><a href="#">Works</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li><a href="portfolio_1col.html">1 Column</a></li>
                                        <li><a href="portfolio_2col.html">2 Columns</a></li>
                                        <li><a href="portfolio_3col.html">3 Columns</a></li>
                                        <li><a href="portfolio_3col_masonry.html">3 Columns Masonry</a></li>
                                        <li><a href="portfolio_wide.html">Wide</a></li>
                                        <li class="menu-item-has-children"><a href="#">Single Post</a>
                                            <div class="sub-nav">
                                                <ul class="sub-menu">
                                                    <li><a href="portfolio_post_fullwidth.html">Fullwidth Image</a></li>
                                                    <li><a href="portfolio_post_right_sidebar.html">With Right Sidebar</a></li>
                                                    <li><a href="portfolio_post_left_sidebar.html">With Left Sidebar</a></li>
                                                </ul>
                                            </div>
                                        </li>                              
                                    </ul> 
                                </div>
                            </li>
                            <li class="menu-item-has-children"><a href="#">Blog</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li><a href="blog_fullwidth.html">Fullwidth Blog</a></li>
                                        <li><a href="blog_right_sidebar.html">With Right Sidebar</a></li>
                                        <li><a href="blog_left_sidebar.html">With Left Sidebar</a></li>
                                        <li class="menu-item-has-children"><a href="#">Single Post</a>
                                            <div class="sub-nav">
                                                <ul class="sub-menu">
                                                    <li><a href="post_fullwidth.html">Fullwidth Image</a></li>
                                                    <li><a href="post_right_sidebar.html">With Right Sidebar</a></li>
                                                    <li><a href="post_left_sidebar.html">With Left Sidebar</a></li>
                                                </ul>
                                            </div>
                                        </li>                             
                                    </ul> 
                                </div>                        
                            </li>
                            <li class="current-menu-parent menu-item-has-children"><a href="#">Shop</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li><a href="shop.html">All Products</a></li>
                                        <li class="current-menu-item"><a href="shop_product.html">Single Product</a></li>
                                        <li><a href="shop_cart.html">Cart</a></li>                                 
                                    </ul> 
                                </div>
                            </li>
                            <li class="menu-item-has-children"><a href="#">Contact</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li><a href="contact_fullwidth.html">Fullwidth</a></li>
                                        <li><a href="contact_sidebar.html">With Sidebar</a></li>                                                 
                                    </ul> 
                                </div>
                            </li>
                        </ul>                                  
                    </nav>                   
                    <div class="clear"></div>
                </div>
            </header>
        </div>
    </div>
         
    <div class="wrapper">
    	<div class="container">
        	<div class="page_title_block">
                <div class="bg_title">
                    <h1>Single Product</h1>
                </div>
                <div class="page_descr">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu.</p>
                </div>
            </div>       	
        	<div class="content_block row right-sidebar single_product">
            	<div class="fl-container hasRS">
                	<div class="posts-block">
                        <div class="contentarea">
                        	
                            <div class="row">
                            	<div class="col-sm-5 images animate" data-anim-type="fadeInLeft" data-anim-delay="300">
                                	<div class="img_block wrapped_img">
                                    	<img id="largeImage" src="img/shop/product_large1.jpg" alt="" />
                                        <span class="block_fade"></span>
                                        <div class="post_hover_info">
                                            <a id="zoom_product" href="img/shop/product_large1.jpg" class="photozoom view_link"><i class="icon-search"></i></a>
                                        </div>
                                    </div>
                                    <div class="product_thumbs">
                                        <ul>
                                            <li><a href="javascript:void(0)" class="current"><img src="img/shop/product_thumb1.jpg" alt=""/></a></li>
                                            <li><a href="javascript:void(0)"><img src="img/shop/product_thumb2.jpg" alt=""/></a></li>
                                            <li><a href="javascript:void(0)"><img src="img/shop/product_thumb3.jpg" alt=""/></a></li>
                                        </ul>
                                    </div>
                                </div>                                
                                <div class="col-sm-7 summary animate" data-anim-type="fadeInRight" data-anim-delay="300">
                                	<h2 class="product_title">Aenean Laoreet Quam</h2>
                                    <div class="star_rating">
                                        <i class="icon-star active"></i><i class="icon-star active"></i><i class="icon-star active"></i><i class="icon-star active"></i><i class="icon-star-half-empty active"></i>
                                    </div>
                                    <div class="amount">$559<span>$600</span></div>                                    
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ac vestibulum luctus egestas est quis rutrum. Suspendisse quis nulla ut enim ultricies eget. Mauris congue elementum rutrum proin venenatis eget diam at orci eleifend nec porta diam aliquam. Praesent ac velit sed sem vestibulum ornare sed quia consequuntur magni dolores eos qui ratione voluptatem.</p>
									<p>Donec nec lacus vitae arcu accumsan lorem, porttitor sed malesuada malesuada mauris a lacinia. In id tincidunt felis proin venenatis. Ut in sem sed ipsum interdum commodo. Proin arcu felis, commodo convallis accumsan et, dictum nec est a nam purus eros, accumsan non leo id, mollis consectetur metus cras vulputate arcu ac turpis ege pulvinar, vitae sollicitudin sed quia non numquam eius modi tempora incidunt ut labore. </p>
									<p>Suspendisse vehicula diam quis sapien sagittis posuere etiam moleste sit amet. Fusce in est id justo feugiat hendrerit eget a risus. Sed vulputate tincidunt dui eget fermentum. Integer liber. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus repudiandae sint et molestiae.</p>
                                    <div class="product_btns">
                                    	<div class="product_quantity">
                                        	<form class="cart" method="post" action="javascript:void(0);">
                                                <div class="quantity">
                                                    <a class="minus button" href="javascript:void(0);">-</a>
                                                    <input class="input-text qty text" type="number" title="Qty" value="1" name="quantity" min="1" step="1">
                                                    <a class="plus button" href="javascript:void(0);">+</a>
                                                </div>
                                                <div class="clear"></div>
                                            </form>
                                    	</div>
                                        <a href="javascript:void(0);" class="shortcode_button btn_small btn_type5 cart_btn"><i class="icon-shopping-cart"></i>Add to cart</a>
                                    </div>
                                    <div class="product_meta">
                                    	<span class="sku_wrapper">SKU: <span class="sku">2429</span></span>
                                        <span class="posted_in"><span>Categories:</span> <a href="javascript:void(0);">Accessories</a>, <a href="javascript:void(0);">Women</a>.</span>
                                        <span class="tagged_as"><span>Tags:</span> <a href="javascript:void(0);">best sellers</a>, <a href="javascript:void(0);">suede</a>, <a href="javascript:void(0);">lether</a>, <a href="javascript:void(0);">backpack</a>, <a href="javascript:void(0);">women</a>.</span>
                                    </div>                                    
                                </div>
                            </div>
                            
                            <div class="row">
                                <div class="col-sm-12 module_cont pb33 module_tabs animate" data-anim-type="fadeInUp" data-anim-delay="300">
                                    <div class="shortcode_tabs type1">
                                        <div class="all_head_sizer"><div class="all_heads_cont"></div><div class="clear"></div></div>
                                        <div class="all_body_sizer"><div class="all_body_cont"></div></div>
                                        <div class="shortcode_tab_item_title expand_yes">Description</div>
                                        <div class="shortcode_tab_item_body tab-content clearfix">
                                            <div class="ip">
                                                <div class="tab_content">
                                                	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut. </p> 
                                                    <ol>
                                                        <li>Donec et eleifend velit. Sed eget urna odio.</li>
                                                        <li>Quisque pulvinar dolor purus, sed dignissim ante imperdiet ac.</li>
                                                        <li>Sed vulputate lectus at enim aliquet suscipit.</li>
                                                        <li>Proin metus nibh, tempor ut porta ultricies, sollicitudin id mauris.</li>
                                                    </ol>                                                   
                                                </div>
                                            </div>
                                        </div>
                                        <div class="shortcode_tab_item_title expand_no">Additional Info</div>
                                        <div class="shortcode_tab_item_body tab-content clearfix">
                                            <div class="ip">
                                                <div class="tab_content">
                                                	<div class="additional_info">
                                                        <table class="shop_attributes">                                                        
                                                            <tr>
                                                            	<td class="product_weight"><span>Weight:</span> 3 kg</td>
                                                            </tr>
                                                            <tr class="alt">
                                                                <td class="product_dimensions"><span>Dimensions:</span> 200 x 110 x 55 cm</td>
                                                            </tr>                                                        
                                                        </table>
                                                    </div>                                                    
                                                </div>
                                            </div>
                                        </div> 
                                        <div class="shortcode_tab_item_title expand_no">Reviews (2)</div>
                                        <div class="shortcode_tab_item_body tab-content clearfix">
                                            <div class="ip">
                                            	<div class="tab_content">
                                                	<ol class="commentlist">
                                                        <li class="comment">
                                                            <div class="stand_comment">
                                                                <div class="thiscommentbody">
                                                                    <div class="commentava wrapped_img">
                                                                        <img class="avatar" src="img/imgs/testimonial6.jpg" alt="" />
                                                                    </div>
                                                                    <div class="comment_info">
                                                                        <div class="comment_author_name"><a href="javascript:void(0);">Amanda Smith</a></div>
                                                                        <p>Amaizing! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p>
                                                                        <div class="comment_meta">
                                                                            <span class="date">Dec 20, 2020</span>
                                                                            <span class="star_rating">
                                                                            	<i class="icon-star active"></i><i class="icon-star active"></i><i class="icon-star active"></i><i class="icon-star active"></i><i class="icon-star"></i>
                                                                            </span>
                                                                        </div>
                                                                    </div>                                                
                                                                </div>
                                                            </div>                                                             
                                                        </li>
                                                        <li class="comment">
                                                            <div class="stand_comment">
                                                                <div class="thiscommentbody">
                                                                    <div class="commentava wrapped_img">
                                                                        <img class="avatar" src="img/imgs/testimonial3.jpg" alt="" />
                                                                    </div>
                                                                    <div class="comment_info">
                                                                        <div class="comment_author_name"><a href="javascript:void(0);">Robert Burn</a></div>
                                                                        <p>Great! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ullamco!</p>
                                                                        <div class="comment_meta">
                                                                            <span class="date">Dec 15, 2020</span>
                                                                            <span class="star_rating">
                                                                            	<i class="icon-star active"></i><i class="icon-star active"></i><i class="icon-star active"></i><i class="icon-star"></i><i class="icon-star"></i>
                                                                            </span>
                                                                        </div>
                                                                    </div>                                                
                                                                </div>
                                                            </div>
                                                        </li>                                        
                                                    </ol> 
                                                    <a class="shortcode_button btn_small btn_type5" href="javascript:void(0);">Add Review</a>
                                                </div>                                                    
                                            </div>
                                        </div>
                                        <div class="clear"></div>
                                    </div>
                                </div>                               
                            </div>
                            
                            <div class="row">
                                <div class="col-sm-12 module_cont pb50 module_feature_posts">
                                	<h3 class="mb22">Related Products</h3>
                                	<div class="shop_list_item">
                                        <div class="items3">
                                            <ul class="item_list">                                                
                                                <li class="animate" data-anim-type="fadeInUp" data-anim-delay="300">                                       
                                                    <div class="item">
                                                        <div class="item_wrapper">
                                                            <div class="img_block wrapped_img">
                                                               <img src="img/shop/products/7.jpg" alt="">
                                                               <span class="block_fade"></span> 
                                                               <div class="post_hover_info">
                                                                    <a href="shop_product.html" class="featured_ico_link view_link"><i class="icon-link"></i></a>
                                                                    <a href="javascript:void(0);" class="featured_ico_link view_link"><i class="icon-shopping-cart"></i></a>
                                                                </div>                                                             
                                                            </div>
                                                        </div>                                                
                                                        <div class="shop_list_info">
                                                            <div class="product_categories"><a href="javascript:void(0);">Women</a>, <a href="javascript:void(0);">Coat</a></div>                                              
                                                            <h6><a href="shop_product.html">Excepteur Sint Occaecat</a></h6>      
                                                            <div class="price">
                                                                <ins>$150</ins>
                                                            </div>                                                    
                                                        </div>
                                                    </div>                                            
                                                </li>
                                                <li class="animate" data-anim-type="fadeInUp" data-anim-delay="400">                                        
                                                    <div class="item">
                                                        <div class="item_wrapper">
                                                            <div class="img_block wrapped_img">
                                                               <img src="img/shop/products/8.jpg" alt="">
                                                               <span class="block_fade"></span> 
                                                               <div class="post_hover_info">
                                                                    <a href="shop_product.html" class="featured_ico_link view_link"><i class="icon-link"></i></a>
                                                                    <a href="javascript:void(0);" class="featured_ico_link view_link"><i class="icon-shopping-cart"></i></a>
                                                                </div>                                                             
                                                            </div>
                                                        </div>                                                
                                                        <div class="shop_list_info">
                                                            <div class="product_categories"><a href="javascript:void(0);">Women</a>, <a href="javascript:void(0);">Bag</a></div>                                              
                                                            <h6><a href="shop_product.html">Ullamco Laboris Nisi</a></h6>      
                                                            <div class="price">
                                                                <ins>$80</ins>
                                                            </div>                                                    
                                                        </div>
                                                    </div>                                            
                                                </li>
                                                <li class="animate" data-anim-type="fadeInUp" data-anim-delay="500">                                         
                                                    <div class="item">
                                                        <div class="item_wrapper">
                                                            <div class="img_block wrapped_img">
                                                               <img src="img/shop/products/9.jpg" alt="">
                                                               <span class="block_fade"></span> 
                                                               <div class="post_hover_info">
                                                                    <a href="shop_product.html" class="featured_ico_link view_link"><i class="icon-link"></i></a>
                                                                    <a href="javascript:void(0);" class="featured_ico_link view_link"><i class="icon-shopping-cart"></i></a>
                                                                </div>                                                             
                                                            </div>
                                                        </div>                                                
                                                        <div class="shop_list_info">
                                                            <div class="product_categories"><a href="javascript:void(0);">Women</a>, <a href="javascript:void(0);">Jersey</a></div>                                              
                                                            <h6><a href="shop_product.html">Duis Aute Irure Dolor</a></h6>      
                                                            <div class="price">
                                                                <ins>$100</ins>
                                                            </div>                                                    
                                                        </div>
                                                    </div>                                            
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>                                
                        	</div>                                                                      
                            
                        </div>
                    </div>
                </div>
                <div class="right-sidebar-block">
                                                
                    <div class="sidepanel widget_search animate" data-anim-type="fadeInUp" data-anim-delay="300">
                        <form name="search_form" method="get" action="javascript:void(0);" class="search_form">
                            <input type="text" name="s" value="" placeholder="Search">
                            <input type="submit" value="Go">
                        </form>
                    </div>
                    
                    <div class="sidepanel widget_cart animate" data-anim-type="fadeInUp" data-anim-delay="300">
                        <h4 class="title">Cart</h4>
                        <div class="cart_wrap">
                            <ul class="product_posts">                                    
                                <li>
                                    <img src="img/shop/1.jpg" alt="" />
                                    <a href="shop_product.html" class="title">Nemo Enim Ipsam</a>
                                    <div class="price">1<span>x</span>$500.00</div>
                                </li>
                            </ul>
                            <div class="subtotal">Subtotal: <span>$500.00</span></div>
                            <a href="shop_cart.html" class=" shortcode_button btn_small btn_type5 mr15">View cart</a>
                            <a href="javascript:void(0);" class=" shortcode_button btn_small btn_type4 mr0">Checkout</a>     
                        </div>                   
                    </div>
                    
                    <div class="sidepanel widget_categories animate" data-anim-type="fadeInUp" data-anim-delay="300">
                        <h4 class="title">Categories</h4>
                        <ul>
                            <li><a href="javascript:void(0);">Accessories</a></li>
                            <li><a href="javascript:void(0);">Cardigans</a></li>
                            <li><a href="javascript:void(0);">Dresses</a></li>
                            <li><a href="javascript:void(0);">Hoodies</a></li>
                            <li><a href="javascript:void(0);">Jeans</a></li>
                            <li><a href="javascript:void(0);">Men</a></li>
                            <li><a href="javascript:void(0);">Sweatshirts</a></li>
                            <li><a href="javascript:void(0);">T-shirts</a></li>
                            <li><a href="javascript:void(0);">Women</a></li>
                        </ul>
                    </div>
                    
                    <div class="sidepanel widget_filter animate" data-anim-type="fadeInUp" data-anim-delay="300">
                        <h4 class="title">Filter by Price</h4>
                        <div class="price_filter_wrap">
                            <div class="range-filter-wrapper">
                                <div id="slider-range"></div>
                            </div>
                            <div class="cart_widget_total">Price: <span class="price-filter"><span class="from">$0</span> - <span class="to">$200</span></span></div>
                            <a href="javascript:void(0);" class="shortcode_button btn_small btn_type4">Filter</a>
                            <div class="clear"></div>
                        </div>
                    </div>
                    
                    <div class="sidepanel widget_products animate" data-anim-type="fadeInUp" data-anim-delay="300">
                        <h4 class="title">Featured Products</h4>
                        <ul class="product_posts">                                    
                            <li>
                                <img src="img/shop/2.jpg" alt="" />
                                <a href="shop_product.html" class="title">Lorem Ipsum Dolor Sit Amet</a>
                                <div class="price">$ 150 - $190</div>
                            </li>                                
                            <li>
                                <img src="img/shop/3.jpg" alt="" />
                                <a href="shop_product.html" class="title">Consectetur Adipiscing Elit</a>
                                <div class="price">$ 80 - $ 90</div>
                            </li>
                            <li>
                                <img src="img/shop/4.jpg" alt="" />
                                <a href="shop_product.html" class="title">Brand Paper Niceties</a>
                                <div class="price">$ 150 - $160</div>
                            </li>                            
                        </ul>
                    </div>
                    
                    <div class="sidepanel widget_tag_cloud animate" data-anim-type="fadeInUp" data-anim-delay="300">
                        <h4 class="title">Tags</h4>
                        <div class="tagcloud">
                            <a href="javascript:void(0);">branding</a>
                            <a href="javascript:void(0);">gallery</a>
                            <a href="javascript:void(0);">art</a>
                            <a href="javascript:void(0);">wordpress</a>
                            <a href="javascript:void(0);">consulting</a>
                            <a href="javascript:void(0);">business</a>
                            <a href="javascript:void(0);">html</a>
                            <a href="javascript:void(0);">people</a>
                        </div>
                    </div>
                    
                    <div class="sidepanel widget_products widget_toprated animate" data-anim-type="fadeInUp" data-anim-delay="300">
                        <h4 class="title">Top Rated</h4>
                        <ul class="product_posts">                                    
                            <li>
                                <img src="img/shop/5.jpg" alt="" />
                                <a href="shop_product.html" class="title">Sed do Eiusmod Tempor Incididu</a>
                                <div class="star_rating">
                                	<i class="icon-star active"></i><i class="icon-star active"></i><i class="icon-star active"></i><i class="icon-star active"></i><i class="icon-star"></i>
                                </div>
                                <div class="price">$ 128</div>
                            </li>                                
                            <li>
                                <img src="img/shop/6.jpg" alt="" />
                                <a href="shop_product.html" class="title">Esse Cillum Dolore eu Fugiat</a>
                                <div class="star_rating">
                                	<i class="icon-star active"></i><i class="icon-star active"></i><i class="icon-star active"></i><i class="icon-star active"></i><i class="icon-star active"></i>
                                </div>
                                <div class="price"><del>$ 135</del><ins>$ 100</ins></div>
                            </li>
                            <li>
                                <img src="img/shop/7.jpg" alt="" />
                                <a href="shop_product.html" class="title">Excepteur Sint Occaecat Cupidat</a>
                                <div class="star_rating">
                                	<i class="icon-star active"></i><i class="icon-star active"></i><i class="icon-star active"></i><i class="icon-star"></i><i class="icon-star"></i>
                                </div>
                                <div class="price">$ 135</div>
                            </li>                            
                        </ul>
                    </div>                                        
                
                </div>
                <div class="clear"></div>
            </div>
        </div> 
    </div>
    
    <div class="footer">
    	<div class="container">
        	<div class="pre_footer">
            	<div class="row">
                	<div class="col-sm-3">
                    	<div class="sidepanel widget_text">
                        	<h4 class="title">Contact Us</h4>
                        	<p>Maecenas etos sit amet, consectetur adipiscing elit. Terminal volutpat rutrum metro amet sollicitudin interdum.</p>
                            <p><span>Phone:</span> +1 (800) 456 37 96</p>
                            <p><span>Office:</span> 5826 Baker Street, New York</p>
                            <p><span>Email:</span> <a href="mailto:#">info@groutek.com</a></p>
                            <div class="footer_socials">
                            	<ul>
                                	<li><a href="javascript:void(0);" class="soc_fb"><i class="icon-facebook"></i></a></li>
                                    <li><a href="javascript:void(0);" class="soc_tweet"><i class="icon-twitter"></i></a></li>
                                    <li><a href="javascript:void(0);" class="soc_google"><i class="icon-google-plus"></i></a></li>
                                    <li><a href="javascript:void(0);" class="soc_dribbble"><i class="icon-dribbble"></i></a></li>
                                    <li><a href="javascript:void(0);" class="soc_pinterest"><i class="icon-pinterest"></i></a></li>
                                </ul>
                            </div>
                        </div>	
                    </div>
                    <div class="col-sm-3">
                    	<div class="sidepanel widget_posts">
                        	<h4 class="title">Recent Posts</h4>
                            <ul class="recent_posts">                                    
                                <li class="with_img">
                                    <div class="recent_posts_content">
                                    	<img src="img/imgs/widget_post1.jpg" alt="" />
                                        <a href="javascript:void(0);" class="title">Business Cards Design Trends</a>
                                        <div class="recent_posts_info">Dec 02, 2020  /  <a href="javascript:void(0);">2 comments</a></div>
                                    </div>                                    
                                </li>                                
                                <li class="with_img">
                                    <div class="recent_posts_content">
                                    	<img src="img/imgs/widget_post2.jpg" alt="" />
                                        <a href="javascript:void(0);" class="title">This Maravelous App</a>
                                        <div class="recent_posts_info">Nov 18, 2020  /  <a href="javascript:void(0);">9 comments</a></div>
                                    </div>                                    
                                </li>
                                <li class="with_img">
                                    <div class="recent_posts_content">
                                    	<img src="img/imgs/widget_post3.jpg" alt="" />
                                        <a href="javascript:void(0);" class="title">Brand Paper Niceties</a>
                                        <div class="recent_posts_info">Nov 10, 2020  /  <a href="javascript:void(0);">0 comments</a></div>
                                    </div>                                    
                                </li>                            
                            </ul>
                        </div>
                    </div>
                    <div class="col-sm-3">
                    	<div class="sidepanel widget_twitter">
                        	<h4 class="title">Latest Twitts</h4>
                            <div class="tweet_module"></div>                          
                        </div>
                    </div>
                    <div class="col-sm-3">
                    	<div class="sidepanel widget_review">
                        	<h4 class="title">Last Review</h4>
                            <div class="last_review">
                            	<p class="review_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
                                <div class="clear"></div>
                                <div class="last_review_author">
                                	<h5>Richard Clark</h5>
                                    <h6>Creative Designer</h6>
                                    <img src="img/imgs/review_author.jpg" alt="" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer_bottom">
            	<div class="copyright">Copyright 2020. All Rights Reserved by Groutek, Premium HTML Template.</div>
                <div class="clear"></div>
            </div>
        </div>
    </div>   
    
    <div class="fixed-menu"></div>
    
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui.min.js"></script>  
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/modules.js"></script>	
	<script type="text/javascript" src="js/theme.js"></script>   
    <script type="text/javascript" src="js/shop.js"></script>   
	<script type="text/javascript" src="js/color_panel.js"></script>
</body>
</html>